
<template>
  <!-- key  id -->
  <van-cell :title="title" :label="label + ' - ' + title" center>
    <!-- 使用 right-icon 插槽来自定义右侧图标 -->
    <template #right-icon>
      <!-- 播放音乐按钮注册点击事件播放音乐去play页面  跳转去/play路由路径 -->
      <van-icon name="play-circle-o" size="0.6rem" @click="clickFn" />
    </template>
  </van-cell>
</template>

<script>
export default {
  props: {
    title: String,
    label: String,
    id: Number, //音乐id  播放音乐时跳转页面 需要把id数据带给play页面
  },
  methods: {
    clickFn() {
      // console.log(this.id);
      this.$router.push({
        path: "/play",
        query: {
          id: this.id,
        },
      });
    },
  },
};
</script>

<style>
</style>